export const Texts = `
import React, { useEffect, useRef, } from 'react';

import { Ivform, IvButton,  } from '../../../components'
import moment from 'moment';
import { Button ,Modal, message} from 'antd';



const Formtest: React.FC = () => {
  // const { useIvform } = Ivform
  // const [ivform] = useIvform()
  // 2、定义一个ref
  const IvformRef = useRef<any>()
  const IvformRef2 = useRef<any>()
  useEffect(() => {
    IvformRef.current.setData('selectajax', ["0007"])
    IvformRef.current.setData('input', 1.1)
    IvformRef2.current.setData('input', 1.1)
    IvformRef.current.setData('switch', true)
    IvformRef.current.setData('rate', 3)
    IvformRef.current.setData('slider', 2)
    IvformRef.current.setData('radio', 'I')
    IvformRef.current.setData('treeSelect', "1677191749157654528")
    IvformRef.current.setData('date', moment(1593446400000))
    IvformRef2.current.setData('date', moment(1593446400000))

  }, [])


  const formData = [
    {
      name: '输入框',
      type: 'input',
      field: 'input',
      width: 200,
      filter: { //输入值的正则匹配
        code: 'numeric', //输入数字
        ext: {
          fLen: 1,//小数点1位
          minVal: 0,//最小值
          maxVal: 999//最大值
        }
      },
      // value:'xxxxxsaqweqw'
    },
    {
      name: '富文本',
      type: 'textarea',
      field: 'textarea',
      autoSize: { minRows: 2, maxRows: 6 }
      // value:'xxxxxsaqweqw'
    },
    {
      name: '评分',
      type: 'rate',
      field: 'rate',
      // value:'xxxxxsaqweqw'
    },
    {
      name: '滑动输入条',
      type: 'slider',
      field: 'slider',
      // value:'xxxxxsaqweqw'
    },
    // {
    //   name:'级联选择器',
    //   type:'cascader',
    //   field:'cascader',
    //   multiple:false,
    //   fieldNames:{
    //      label: 'name', value: 'code', children: 'children'
    //   },
    //   ajax:{
    //     url: 'getOrgTree',
    //     data: {},
    //     methods: 'post',
    //     label: 'name',
    //     value: 'code',
    //     callback(data){
    //       return data
    //     }
    //   }
    // },
    // {
    //   name:'树选择器',
    //   type:'treeSelect',
    //   field:'treeSelect',
    //   multiple:false,
    //   fieldNames:{
    //      label: 'name', value: 'code', children: 'children'
    //   },
    //   ajax:{
    //     url: 'getOrgTree',
    //     data: {},
    //     methods: 'post',
    //     label: 'name',
    //     value: 'code',
    //     callback(data){
    //       return data
    //     }
    //   }
    // },
    {
      name: '开关',
      type: 'switch',
      field: 'switch',
    },
    {
      name: '日期',
      type: 'date',
      field: 'date',
    },
    {
      name: '下拉框',
      type: 'select',
      field: 'select',
      options: [
        { label: '我是', value: 'I am' },
        { label: '我是2', value: 'I am2' },
      ]
    },
    {
      name: '单选框',
      type: 'radio',
      field: 'radio',
      options: [
        { label: '我是', value: 'I' },
        { label: '我是2', value: 'I am2' },
      ]
    },
    {
      name: '多选框',
      type: 'checkbox',
      field: 'checkbox',
      options: [
        { label: '我是', value: 'I' },
        { label: '我是2', value: 'I am2' },
      ]
    },
    // {
    //   name: '接口下拉框',
    //   type: 'select',
    //   mode:'tags' as 'tags',
    //   field: 'selectajax',
    //   ajax: { 
    //     url: 'getAdminPage',
    //     data: {},
    //     methods: 'post',
    //     label: 'ssdw',
    //     value: 'ssdwId',
    //     callback(data){
    //       return data.list
    //     }
    //   }

    // }
  ]
  const formRule = {
    input: [
      { required: true, message: 'xxxxsadasd' }
    ],
    date: [
      { required: true, message: 'Please input your username!' }
    ]
  }
  return (
    <div style={{width:'100%',height:'100%'}}>
      <h1>horizontal布局</h1>
      <Ivform formData={formData} formRule={formRule} ref={IvformRef} layout='horizontal'></Ivform>
      <h1>vertical布局</h1>
      <Ivform formData={formData} formRule={formRule} ref={IvformRef2} layout='vertical'></Ivform>
      <IvButton type="primary" onClick={(callback) => {
        if (IvformRef.current.submitForm()) {
          setTimeout(() => {
        message.success('提交成功');
            callback()
          }, 2000)
        } else {
          callback()
        }


      }}>提交</IvButton>
      <IvButton type="primary" danger onClick={(callback) => {
        console.log(IvformRef.current.onReset());
        callback()
      }}>重置</IvButton>
    </div>
  );
};

export default Formtest;
`